﻿/***

  Top Banner

***/
#rotating_top_head_banner {
	position: relative;
	width: 940px;
	height: 305px;
	margin: 10px;
}
#rotating_top_head_banner #slideshow {
	display: block;
	position: relative;
	width: 940px;
	height: 305px;
}
#rotating_top_head_banner .banner {
	display: block;
	position: relative;
	width: 940px;
	height: 305px;
}
#rotating_top_head_banner .banner .action_link {
	display: block;
	position: absolute;
	text-decoration: none;
}
#rotating_top_head_banner #slide_controller {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 0px;
	display: none;
}
#rotating_top_head_banner #slide_controller #prev {
	position: absolute;
	top: 135px;
	left: -6px;
	z-index: 10;
	cursor: pointer;
}
#rotating_top_head_banner #slide_controller #next {
	position: absolute;
	top: 135px;
	left: 920px;
	z-index: 10;
	cursor: pointer;
}
#rotating_top_head_banner #indicator {
	display: block;
	position: absolute;
	width: 100%;
	height: 19px;
	bottom: 9px;
	text-align: center;
	z-index: 20;
	font-size: 1px;
	line-height: 1%;
	vertical-align: top;
}
#rotating_top_head_banner #indicator #front {
	display: inline-block;
	background: url(../../images/developer_site/home/banners/indicators/L_container.png) no-repeat bottom;
	width: 10px;
	height: 19px;
}
#rotating_top_head_banner #indicator #mid {
	display: inline-block;
	position: relative;
	top: 5px;
	background: url(../../images/developer_site/home/banners/indicators/mid_container.png) repeat-x;
	height: 19px;
}
@media 
{
#rotating_top_head_banner #indicator #mid {
	top: 4px;
}
}
#rotating_top_head_banner #indicator #mid .bullet {
	display: inline-block;
	position: relative;
	top: 4px;
	background: url(../../images/developer_site/home/banners/indicators/inactive.png) no-repeat;
	width: 11px;
	height: 11px;
	margin: 0px 3px;
	line-height: 10%;
	text-decoration: none;
}
#rotating_top_head_banner #indicator #mid .bullet.activeSlide {
	background: url(../../images/developer_site/home/banners/indicators/active.png) no-repeat;
}
#rotating_top_head_banner #indicator #end {
	display: inline-block;
	background: url(../../images/developer_site/home/banners/indicators/R_container.png) no-repeat;
	width: 10px;
	height: 19px;
}
#rotating_top_head_banner #gree {
	background: url(../../images/developer_site/home/banners/gree/gree_banner.jpg) no-repeat;
}
#rotating_top_head_banner #gree a.action_link {
	top: 180px;
	left: 360px;
	background: url(../../images/developer_site/home/banners/gree/read_jason_letter.png) no-repeat;
	width: 200px;
	height: 44px;
}
#rotating_top_head_banner #gree a.action_link:hover {
	background-position: -200px, 0;
}
#rotating_top_head_banner #ofconnect_private_beta {
	background: url(../../images/developer_site/home/ofconnect/of_connect_banner.jpg) no-repeat;
}
#rotating_top_head_banner #ofconnect_private_beta a.action_link {
	top: 190px;
	left: 180px;
	background: url(../../images/developer_site/home/ofconnect/join_private_beta.png) no-repeat;
	width: 192px;
	height: 41px;
}
#rotating_top_head_banner #ofx2 {
	background: url(../../images/developer_site/home/banners/ofx2/ofxBanner.jpg) no-repeat;
}
#rotating_top_head_banner #ofconnect_private_beta a.action_link:hover {
	background-position: -193px;
}
#rotating_top_head_banner #hiring {
	background: url(../../images/developer_site/home/banners/hiring/hiring_banner.jpg) no-repeat;
}
#rotating_top_head_banner #android_rotating_banner {
	background: url(../../images/developer_site/home/banners/android/android_porting_banner.jpg) no-repeat;
}
#rotating_top_head_banner #hiring a.action_link, #rotating_top_head_banner #android_rotating_banner a.action_link {
	background: url(../../images/developer_site/buttons/learn_more.png) 0 0 no-repeat;
	width: 188px;
	height: 39px;
}
#rotating_top_head_banner #hiring a.action_link:hover, #rotating_top_head_banner #android_rotating_banner a.action_link:hover {
	background-position: -188px;
}
#rotating_top_head_banner #hiring a.action_link {
	top: 169px;
	left: 253px;
}
#rotating_top_head_banner #ofx2 #teaser_text {
	background: url('../../images/developer_site/home/banners/ofx2/android_icon.png') 0 0 no-repeat;
	position: absolute;
	top: 225px;
	left: 170px;
	height: 65px;
	padding: 8px 0 0 45px;
}
#rotating_top_head_banner #ofx2 #teaser_text span {
	font: bold 16px/17px "Trebuchet MS";
	color: #6f6f6f;
}
#rotating_top_head_banner #ofx2 #teaser_text span a {
	font: italic 16px/17px "Trebuchet MS";
	font-weight: bold;
	color: #3b8f33;
}
#rotating_top_head_banner #ofx2 #teaser_text span a:hover {
	color: #266005;
}
#rotating_top_head_banner #ofx2 a.action_link {
	background: url(../../images/developer_site/buttons/get_started.png) 0 0 no-repeat;
	width: 190px;
	height: 44px;
	top: 165px;
	left: 230px;
}
#rotating_top_head_banner #ofx2 a.action_link:hover {
	background-position: -190px 0px;
}
#rotating_top_head_banner #android_rotating_banner a.action_link {
	top: 190px;
	left: 535px;
}
/***

  GREE Announcement

***/
#gree_announcement #content_box {
	position: relative;
	background: #dbdee2;
	background: -webkit-gradient(linear, left top, left bottom, from(#dbdee2), to(#bdc1c4));
	background: -moz-linear-gradient(top, #dbdee2, #bdc1c4);
	background: -o-linear-gradient(#dbdee2, #bdc1c4);
	height: 945px;
	z-index: 2;
}
#gree_announcement #content_box #announcement_banner {
	position: absolute;
	background: url(../../images/developer_site/home/gree/gree_banner.png) no-repeat;
	top: 15px;
	left: -12px;
	width: 1000px;
	height: 105px;
}
#gree_announcement #content_box #letter_from_jason {
	position: absolute;
	top: 110px;
	left: 0px;
	background: url(../../images/developer_site/home/gree/gree_paper.png) no-repeat;
	width: 568px;
	height: 690px;
	padding: 60px 89px 60px 65px;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #666;
	line-height: 135%;
}
#gree_announcement #content_box #letter_from_jason h2#title {
	font-size: 21.5px;
	font-weight: bold;
	color: #3b875d;
}
#gree_announcement #content_box #letter_from_jason #message {
	display: block;
	margin-top: 20px;
}
#gree_announcement #content_box #letter_from_jason #message p {
	margin: 10px 0px;
}
#gree_announcement #content_box #letter_from_jason #message #ofg_image {
	margin: 15px 74px;
}
#gree_announcement #content_box #letter_from_jason #signature #jc_sig {
	display: block;
	margin: 5px 0px;
}
#gree_announcement #content_box #quick_facts {
	position: absolute;
	top: 138px;
	left: 703px;
	width: 243px;
	height: 690px;
}
#gree_announcement #content_box #quick_facts h2#title, #gree_announcement #content_box #quick_facts h2#second_title {
	font-family: "Trebuchet MS", arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #3a3a3a;
}
#gree_announcement #content_box #quick_facts h2#second_title {
	margin-top: 50px;
}
#gree_announcement #content_box #quick_facts h3.subtitle {
	margin-top: 25px;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #555;
}
#gree_announcement #content_box #quick_facts .heading_text {
	margin-top: 5px;
}
#gree_announcement #content_box #quick_facts .heading_text img {
	float: left;
	margin-right: 10px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in {
	position: relative;
	background: url(../../images/developer_site/home/gree/map_notext.png) no-repeat;
	margin-right: 10px;
	width: 234px;
	height: 130px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location {
	display: block;
	position: absolute;
	width: 13px;
	height: 15px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location#sfb {
	top: 55px;
	left: 33px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location#london {
	top: 40px;
	left: 105px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location#tokyo {
	top: 54px;
	left: 196px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location#beijing {
	top: 60px;
	left: 174px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location#sing {
	top: 77px;
	left: 177px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location .dot {
	display: block;
	position: absolute;
	background: url(../../images/developer_site/home/gree/map_dot.png) no-repeat;
	width: 12px;
	height: 13px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location:hover .dot {
	background: url(../../images/developer_site/home/gree/map_dothover.png) no-repeat;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location .name {
	position: absolute;
	text-indent: -1000em;
	overflow: hidden;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location#sfb:hover .name {
	top: 16px;
	left: -33px;
	background: url(../../images/developer_site/home/gree/text_sf.png) no-repeat;
	width: 81px;
	height: 23px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location#london:hover .name {
	top: -14px;
	left: -13px;
	background: url(../../images/developer_site/home/gree/text_london.png) no-repeat;
	width: 42px;
	height: 10px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location#tokyo:hover .name {
	top: -14px;
	left: -11px;
	background: url(../../images/developer_site/home/gree/text_tokyo.png) no-repeat;
	width: 34px;
	height: 12px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location#beijing:hover .name {
	top: 0px;
	left: -45px;
	background: url(../../images/developer_site/home/gree/text_beijing.png) no-repeat;
	width: 40px;
	height: 12px;
}
#gree_announcement #content_box #quick_facts .heading_text#we_have_offices_in .location#sing:hover .name {
	top: 16px;
	left: -24px;
	background: url(../../images/developer_site/home/gree/text_singapore.png) no-repeat;
	width: 59px;
	height: 12px;
}
#gree_announcement #content_box #quick_facts ul#more_information {
	width: 240px;
	margin-top: 10px;
}
#gree_announcement #content_box #quick_facts ul#more_information li.info {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #aeaeae;
	padding: 10px 0px;
}
#gree_announcement #content_box #quick_facts ul#more_information li.info.first {
	border-top: none;
}
#gree_announcement #content_box #quick_facts ul#more_information li.info.last {
	border-bottom: none;
}
#gree_announcement #content_box #quick_facts ul#more_information li.info .icon, #gree_announcement #content_box #quick_facts ul#more_information li.info .text {
	float: left;
}
#gree_announcement #content_box #quick_facts ul#more_information li.info .icon {
	width: 42px;
}
#gree_announcement #content_box #quick_facts ul#more_information li.info .icon img {
	display: block;
	margin-top: 4px;
}
#gree_announcement #content_box #quick_facts ul#more_information li.info .text h4 {
	font-size: 13px;
	color: #555;
}
#gree_announcement #content_box #quick_facts ul#more_information li.info .text a {
	display: inline-block;
	margin-top: 2px;
	font-size: 13px;
	color: #3b875d;
}
#gree_announcement #dummy_box {
	position: relative;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	-o-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	height: 1px;
	background: #bdc1c4;
	z-index: 3;
}
/***

  OFX Triple Product

***/
#ofx_triple_product {
	display: block;
	border: 1px solid #dddada;
	margin: 10px 10px 0px;
	padding: 9px;
}
#ofx_triple_product #title_header_box {
	border: 1px solid #d2d2d2;
	background: url(../../images/developer_site/home/ofconnect/gradient.jpg) repeat-x;
	height: 37px;
	padding: 7px 5px;
	line-height: 170%;
}
#ofx_triple_product #title_header_box h2.title {
	font-family: "Trebuchet MS";
	font-size: 22px;
	font-weight: bold;
	color: #066648;
}
#ofx_triple_product #title_header_box h3.subtitle {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: normal;
	color: #3a3a3a;
}
#ofx_triple_product #image_screens {
	margin-top: 9px;
}
#ofx_triple_product #image_screens .screen {
	display: inline-block;
	float: left;
	position: relative;
	height: 170px;
}
#ofx_triple_product #image_screens .screen .top_box {
	display: inline-block;
	width: 100%;
	height: 100%;
}
#ofx_triple_product #image_screens .screen .top_box:hover {
	text-decoration: none;
}
#ofx_triple_product #image_screens .screen#of_sdk {
	background: url(../../images/developer_site/home/ofconnect/ofsdk.jpg) no-repeat center top;
	width: 280px;
}
#ofx_triple_product #image_screens .screen#ofx, #ofx_triple_product #image_screens .screen#ofx2 {
	background: url(../../images/developer_site/home/ofconnect/ofx.jpg) no-repeat center top;
	width: 342px;
	margin: 0px 9px;
}
#ofx_triple_product #image_screens .screen#ofx2 {
	background: url(../../images/developer_site/home/ofconnect/ofx_2.jpg) no-repeat center top;
}
#ofx_triple_product #image_screens .screen#game_channel {
	background: url(../../images/developer_site/home/ofconnect/gamechannel.jpg) no-repeat center top;
	width: 280px;
}
#ofx_triple_product #image_screens .screen h4.title {
	margin: 5px 0px 0px 8px;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #3a3a3a;
}
#ofx_triple_product #image_screens .screen h5.subtitle {
	margin: 2px 0px 0px 8px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #3a3a3a;
}
#ofx_triple_product #image_screens .screen h5.subtitle.squeezed {
	margin-top: 0;
}
#ofx_triple_product #image_screens .screen .bottom_link {
	position: absolute;
	bottom: 7px;
	right: 8px;
	font-size: 15px;
}
#ofx_triple_product #image_screens .screen .bottom_link:hover {
	text-decoration: none;
}
/***

  Green Boxes

***/
#green_boxes {
	margin: 10px;
}
#green_boxes #game_channel, #green_boxes #ofx, #green_boxes #of_sdk {
	float: left;
	width: 280px;
}
#green_boxes #ofx {
	width: 340px;
	margin: 0px 20px;
}
#green_boxes div .content {
	height: 169px;
}
#green_boxes div .content p {
	position: relative;
	height: 40px;
	line-height: 120%;
	font-size: 13px;
}
#green_boxes div h1 {
	position: relative;
}
#green_boxes div h1 a {
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 16px;
}
#green_boxes div h1 a:hover {
	color: #bebebe;
	text-decoration: none;
}
#green_boxes div .content img {
	display: block;
	border: 3px solid #c4c4c3;
	width: 252px;
	height: 123px;
}
#green_boxes #ofx .content img {
	width: 312px;
}
/***

  News Section

***/
#news_section {
	margin: 10px;
}
#news_section .grey_wrapper {
	margin: 10px 0;
}
#news_section .logo, #news_section .message {
	float: left;
}
#news_section .logo {
	width: 280px;
	margin: 2px 7px 2px 2px;
}
#news_section .message {
	position: relative;
	border-left: 1px dotted #b8b8b8;
	height: 112px;
	width: 617px;
	margin: 2px 15px 2px 0px;
	padding-left: 11px;
}
#news_section .message h1 {
	margin-top: 5px;
	font-size: 20px;
	font-weight: bold;
}
#news_section .message p {
	margin-top: 7px;
	font-size: 13px;
	line-height: 130%;
}
#news_section .message a {
	color: #1F762D;
	text-decoration: none;
}
#news_section .message a:hover {
	color: #185e08;
	text-decoration: none;
}
#news_section .message a.gooddog {
	display: inline-block;
	position: absolute;
	left: 505px;
	bottom: 0px;
	line-height: 0px;
	font-size: 18px;
	color: #1F762D;
}
#news_section .message a.gooddog:hover {
	color: #185e08;
	text-decoration: none;
}
/***

  Partner Publishers

***/
#partner_publishers {
	margin: 10px 10px 70px;
}
/***

Infinite Carousel


***/
.carousel_wrapper .wrapper {
	position: relative;
	top: 0;
	left: 24px;
	float: left;
	width: 885px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */;
	height: 93px;
	margin: 0px;
	overflow: hidden;
}
.carousel_wrapper ul a img {
	border: 0;
}
.carousel_wrapper .wrapper ul {
	position: absolute;
	top: 0;
	width: 885px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.carousel_wrapper ul li.carousel_outer_list_item {
	display: block;
	float: left;
	height: 88px;
	width: 878px;
	padding: 4px 10px 5px 0px;
	margin: 0;
	text-align: center;
}
.carousel_wrapper ul li a img {
	display: block;
}
.carousel_wrapper .wrapper ul li.carousel_outer_list_item a {
	display: inline-block;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
/***

 Horizontal Buttons
   
***/
.carousel_wrapper .arrow {
	position: absolute;
	top: 45px;
	left: 0px;
	display: block;
	background: #a6a6a6 url(../../images/developer_site/home/partners/left_arrow.png) no-repeat center center;
	width: 20px;
	height: 93px;
	margin: 0px 4px 1px;
	line-height: 92px;
	text-align: center;
	text-indent: -9999px;
	font-size: 95px;
	color: #878787;
	cursor: pointer;
}
.carousel_wrapper .forward {
	left: 910px;
	background: #a6a6a6 url(../../images/developer_site/home/partners/right_arrow.png) no-repeat center center;
}
.carousel_wrapper .back {
	background: #a6a6a6 url(../../images/developer_site/home/partners/left_arrow.png) no-repeat center center;
}
.carousel_wrapper .forward:hover {
	background-color: #949393;
}
.carousel_wrapper .back:hover {
	background-color: #949393;
}
/***

 Inner Lists

***/
.carousel_wrapper .wrapper ul li.carousel_inner_list_item {
	list-style: none outside none;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	text-align: center;
}
.carousel_wrapper .wrapper ul li.carousel_inner_list_item {
	display: inline-block;
	height: 92px;
	text-align: center;
}
.carousel_wrapper .wrapper ul li ul li ul li.carousel_inner_list_item a {
	display: inline-block;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
/***

  Box

***/
#android_beta_box {
	background: transparent url(../../images/developer_site/android_beta/box_stip.jpg) repeat-x bottom;
	border: 1px solid #d4d4d4;
	width: 578px;
	margin: 15px 0px;
}
#android_beta_box > #logo {
	float: left;
	display: inline-block;
	width: 106px;
	margin: 10px 0px 0px 10px;
}
#android_beta_box > span#title_text {
	display: inline-block;
	float: left;
	width: 445px;
	margin: 20px 0px 0px 15px;
}
#android_beta_box > span#title_text h1 {
	font-size: 20px;
	color: #444;
}
#android_beta_box > span#title_text h2 {
	margin: 5px 0px 0px 2px;
	font-size: 16px;
	font-weight: 500;
	color: #555;
	line-height: 110%;
}
#android_beta_box #features > li {
	margin: 20px 0px 0px 50px;
}
#android_beta_box #features > li > h1 {
	font-size: 20px;
	color: #f37e3a;
}
#android_beta_box .mini li .icon {
	display: inline-block;
	float: left;
	margin: 10px 0px 5px;
}
#android_beta_box .mini li .text {
	display: inline-block;
	float: left;
	width: 400px;
	margin: 10px 20px 5px;
}
#android_beta_box .mini h2 {
	margin-top: 3px;
	font-size: 16px;
	color: #555555;
}
#android_beta_box .mini h3 {
	margin-top: 3px;
	line-height: 120%;
	font-size: 13px;
	font-weight: 500;
	color: #555555;
}
#android_beta_box .mini h3 a {
	color: #33833b;
}
#android_beta_box .mini h3 a:hover {
	color: #616161;
}
#android_beta_box .mini li .tooltip_p, #android_beta_box .mini li .tooltip_l {
	display: none;
	background: transparent url(../../images/developer_site/home/rollover/rollover_portrait.png) no-repeat;
	width: 258px;
	height: 378px;
	padding-top: 11px;
	padding-left: 22px;
	z-index: 10;
}
#android_beta_box .mini li .tooltip_l {
	background: transparent url(../../images/developer_site/home/rollover/rollover_landscape.png) no-repeat;
	width: 380px;
	height: 257px;
	padding-top: 11px;
}
#android_beta_box > #links {
	margin: 20px 0px;
}
#android_beta_box > #links #learn_android, #android_beta_box > #links #learn_ios {
	display: inline-block;
	float: left;
	background: transparent url(../../images/developer_site/android_beta/android_textlink.jpg) no-repeat;
	width: 197px;
	height: 24px;
	margin-left: 80px;
}
#android_beta_box > #links #learn_android:hover {
	background: transparent url(../../images/developer_site/android_beta/android_textlink_rllvr.jpg) no-repeat;
}
#android_beta_box > #links #learn_ios {
	background: transparent url(../../images/developer_site/android_beta/ios_textlink.jpg) no-repeat;
	margin-left: 40px;
}
#android_beta_box > #links #learn_ios:hover {
	background: transparent url(../../images/developer_site/android_beta/ios_textlink_rllvr.jpg) no-repeat;
}
/***

  News Post

***/
#news_post_android_beta {
	background: transparent url(../../images/developer_site/android_beta/binder_paper.png) no-repeat;
	height: 710px;
	margin-top: 9px;
}
#news_post_android_beta #tack {
	position: relative;
	top: -10px;
	left: 150px;
	background: url(../../images/developer_site/home/news/thumb_tack.png) no-repeat;
	width: 36px;
	height: 43px;
	margin-bottom: -43px;
}
#news_post_android_beta #header {
	margin: 30px 0px 0px 25px;
}
#news_post_android_beta ul {
	height: 220px;
	margin: 10px 0px 0px 25px;
	padding-right: 20px;
}
#news_post_android_beta ul li {
	margin-bottom: 10px;
}
#news_post_android_beta ul li h1 {
	line-height: 110%;
	font-size: 15px;
	font-weight: bold;
}
#news_post_android_beta ul li h2 {
	margin-top: 5px;
	line-height: 130%;
	font-size: 13px;
	font-weight: 500;
}
#news_post_android_beta ul li a.more_link {
	float: right;
	margin: 5px 10px 5px 0px;
	font-size: 16px;
	color: #33833b;
}
#news_post_android_beta ul li a.more_link:hover {
	text-decoration: none;
}
/***

  More Partners

***/
/***

  Banner

***/
#top_banner_slim {
	background: url('../../images/developer_site/home/topbanner.png') 0 0 no-repeat;
	width: 940px;
	height: 120px;
	margin: 10px auto 6px;
}
#top_gradient {
	background-color: #ffffff;
	background-image: url('../../images/developer_site/home/gradient.jpg') 0 0 repeat-x;
	background: -moz-linear-gradient(100% 100% 90deg, #ffffff, #5a5a5a);
	background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#5a5a5a), to(#ffffff));
	padding: 0;
	margin: -10px 0 0 0;
	font-size: 0;
}
/*==================== TOP OFSWEET IMAGES ================================*/
#promo_row {
	position: relative;
	top: 0px;
	background-color: transparent;
	height: 367px;
	padding: 0;
	margin: 0;
}
#promo_row ul, #promo_row ul li {
	list-style: none inside none;
	margin: 0;
	padding: 0;
}
#promo_row ul li, #promo_row ul li img {
	position: relative;
	border: 0;
	margin: 0;
	padding: 0;
	z-index: 1;
}
#promo_row ul li {
	float: left;
	background-color: transparent;
	width: 300px;
	height: 367px;
	text-align: center;
}
#promo_row ul li.ofx, #promo_row ul li.ofx a.art {
	width: 360px;
}
#promo_row ul li a.art {
	display: block;
	width: 300px;
	height: 309px;
	margin: 57px 0 0;
	vertical-align: bottom;
	text-align: right;
	text-indent: -999em;
}
#promo_row ul li.ofsdk {
	background: url('../../images/developer_site/home/ofsdk_image.png') 0 bottom no-repeat;
}
#promo_row ul li.ofx {
	width: 360px;
	background: url('../../images/developer_site/home/ofx_image.png') 0 bottom no-repeat;
}
#promo_row ul li.gc {
	background: url('../../images/developer_site/home/gamechannel_image.png') 0 bottom no-repeat;
}
#promo_row ul li span {
	position: absolute;
	top: 29px;
	left: 15px;
	padding: 5px 0;
	font: bold 14px "Trebuchet MS";
	color: #3a3a3a;
	text-align: left;
	z-index: 3;
}
#promo_row ul li.ofx span {
	letter-spacing: .018em;
}
#promo_row ul li span.promo_header {
	position: absolute;
	top: 8px;
	left: 15px;
	font-size: 18px;
	text-align: left;
	z-index: 3;
}
#promo_row ul li a.gooddog {
	position: absolute;
	bottom: 7px;
	right: 25px;
	text-align: right;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	z-index: 2;
}
#promo_row ul li a.gooddog:hover {
	color: #cccdce;
}
